/* pages/my/index.wxss */
page {
  background-color: #f7f7f7;
}

.body {
  padding: 184rpx 36rpx 0;
  // background: linear-gradient(to bottom,#FFF1F1, #fff);
}

.myImg {
  width: 100rpx;
  height: 100rpx;
  // background-color: #D9D9D9;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 20rpx;
}

.login {
  display: flex;
  align-items: center;
}

.fontSize {
  font-size: var(--utopia_big-size);
  font-weight: 700;
  margin-right: 20rpx;
}

.fontSizeName {
  font-size: var(--utopia_mini-size);
  color: #7d7c7c;
  margin-top: 10rpx;
}

.userName {
  display: flex;
  flex-direction: column;
  margin-right: 20rpx;
}

.vanRow {
  margin-top: 80rpx;
  margin-bottom: 40rpx;
}

.vanCol {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.myFont {
  font-size: var(--utopia_middle-size);
  color: #3d3d3d;
  margin-top: 6rpx;
}

.recommend {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 686rpx;
  height: 122rpx;
  border-radius: 20rpx;
  background: linear-gradient(to right, #ff8686, #ffcdcd);
  margin-bottom: 22rpx;
}

.recommendImg1 {
  position: absolute;
  top: 6rpx;
  left: -32rpx;
  width: 264rpx;
  height: 192rpx;
}

.recommendText {
  position: absolute;
  left: 200rpx;
  top: 30rpx;
}

.recommendImg2 {
  width: 246rpx;
  height: 36rpx;
}

.recommendImg3 {
  width: 100rpx;
  height: 46rpx;
  margin-right: 20rpx;
  background-color: #fa2a2a;
  font-size: var(--utopia_middle-size);
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  color: #fff;
  font-weight: 400;
  letter-spacing: 4rpx;
}

.cellListClass {
  border-radius: 8rpx;
  overflow: hidden;
}

.fontText {
  font-size: var(--utopia_small-size);
  color: #3d3d3d;
}

.title {
  font-size: var(--utopia_big-size);
  color: #3d3d3d;
  margin-left: 10rpx;
}

.contact {
  padding: 0;
  text-align: start;
  border: 0 !important;
  border-radius: 0;
}